.left-con {
  width 480px
  height : 100%;
  padding : 20px 40px;
  float : left;
  background-color : #fff
  .policy-nav-items {
    position : relative
    padding : 20px 20px 20px 40px
    margin-bottom : 10px
    background-color : #e5e5e5
    overflow : hidden
    transition : all .25s
    &:hover, &.active {
      cursor : pointer
      background-color : #7f7f7f
      color : #fff

      .left {
        color : #fff
        .bottom {
          color : #fff
        }
      }
      .right {
        border-color #e9e9e9
      }
    }
    &.active {
      .mark {
        display : block
      }
    }
    .mark {
      display : none
      position : absolute
      top : 0
      left : 0
      bottom : 0
      width : 8px
      background : #4A96FF;
    }
    .top-right-unread {
      position : absolute
      right : 5px
      top : 5px
      padding : 0 5px
      color : #fff
      background : #FB607F;
      border-radius : 2px;
    }
    .left {
      position : initial
      width : calc(100% - 117px)
      color : #4c4c4c
      .shortTitle {
        font-size : 18px
      }
      .bottom {
        padding-top : 10px
        color : #9399B0
        clear : both
      }
    }

    .right {
      position absolute
      top : 20px
      right : 0
      bottom : 20px
      width : 125px
      padding : 10px 18px
      border-left : 1px solid #494E60;
      color : #9399B0
      overflow : hidden
    }

  }
}

.right-con {
  width : calc(100% - 480px)
  height : 100%;
  overflow : hidden;
  float : left;
  background-color : #EFEFEF
  .policy-statistics {
    width : 240px
    height : 100%
    float : left
    background-color : #E9E9E9;

    .edit-group li,
    .applyCount {
      position : relative
      padding : 10px 20px 10px 40px
      color : #333
      font-size : 14px
      &:hover, &.active {
        cursor : pointer
        background-color : #fff
      }
      &.active {
        .mark {
          display : block
        }
      }
      .mark {
        display : none
        position : absolute
        top : 0
        left : 0
        bottom : 0
        width : 8px
        background : #4A96FF;
      }
    }
    .to-do {
      .unread {
        width : 93%
      }
    }
    .edit-group {
      .title {
        padding : 22px 0 10px 20px
        font-size : 14px
        color : #999
      }
    }
  }
  .policy-apply-list {
    width : calc(100% - 240px)
    height : calc(100% - 50px)
    padding : 40px 20px 20px
    float : left
    margin-bottom 7px
    .policy-apply-ul {
      position : relative
      width : 480px
      padding : 20px 20px
      margin-bottom : 20px
      cursor : pointer
      background-color : #fff
      &:hover {
        background-color : #f8f8f8
        .subscribeBtn {
          display: block;  
        }
      }
      .mark {
        position absolute
        top : -4px
        left : -4px
        width : 16px
        height : 16px
        background : #FB607F;
        border-radius : 100%;
      }
      .company-name {
        font-size : 18px;
        color : #292D3D;
        font-weight: bold;
      }
      .apply-status {
        padding : 10px 0 20px
        font-size : 14px;
      }
      .applyPrizes {
        .applyPrizesTitle {
          padding-bottom : 6px
          font-size : 14px;
          color : #999999;
        }
        p {
          font-size : 14px;
          color : #666666;
          .number {
            font-size : 14px;
            color : #4A96FF
          }
        }
      }
      .applyAt {
        padding-top : 20px
        font-size : 14px;
        color : #999999;
        text-align : right
      }
      .subscribeBtn {
        position relative
        display: none;
        top 0
        right 0
        width 100px
        height 30px
        line-height 30px  
      }
    }
  }
}

@media (max-width : 1499px) {
  .left-con {
    width : 28.75%
    padding : 20px 1.875%;
    .policy-nav-items {
      .left {
        width : 100%
        position : relative
        .right {
          width : 100%
          position : relative
          top : initial
          right : initial
          bottom : initial
          left : initial
          padding-left : 0
          border : 0
        }
      }
    }
  }

  .right-con {
    width : 71.25%
    .policy-statistics {
      width : 21.43%
    }
    .policy-apply-list {
      width : 78.57%
    }
  }
}
